<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>Jw任务管理后台</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label for="name" class="layui-form-label">
                            <span class="x-red">*</span>任务名称</label>
                        <div class="layui-input-inline">
                            <input type="text" id="name" name="name" required=""  autocomplete="off" class="layui-input"></div>
                        <div class="layui-form-mid layui-word-aux">
                            <span class="x-red">*</span>唯一任务标识</div>
                    </div>
                    <div class="layui-form-item">
                        <label for="crons" class="layui-form-label">
                            <span class="x-red">*</span>任务表达式</label>
                        <div class="layui-input-inline">
                            <input type="text" id="crons" name="crons" required=""  autocomplete="off" class="layui-input"></div>
                        <div class="layui-form-mid layui-word-aux">
                            <span class="x-red">*</span>支持 秒分时天周月(* * * * * *)
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="url" class="layui-form-label">
                            <span class="x-red">*</span>探活地址</label>
                        <div class="layui-input-inline">
                            <input type="text" id="url" name="url" required=""  autocomplete="off" class="layui-input"></div>
                        <div class="layui-form-mid layui-word-aux">6到16个字符</div></div>

                    <div class="layui-form-item">
                        <label for="people" class="layui-form-label">
                            <span class="x-red">*</span>通知人列表</label>
                        <div class="layui-input-inline">
                            <input type="text" id="people" name="people" required=""  autocomplete="off" class="layui-input"></div>
                    </div>

                    <div class="layui-form-item">
                        <label for="machine" class="layui-form-label">
                            <span class="x-red">*</span>钉钉机器人</label>
                        <div class="layui-input-inline">
                            <input type="text" id="machine" name="machine" required=""  autocomplete="off" class="layui-input"></div>
                    </div>

                    <div class="layui-form-item">
                        <label  class="layui-form-label"></label>
                        <button class="layui-btn" lay-filter="add" lay-submit="">增加</button></div>
                </form>
            </div>
        </div>
        <script>
            layui.use(['form', 'layer','jquery'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;

                //监听提交
                form.on('submit(add)',
                function(data) {


                    jsonData = JSON.stringify(data.field)
                    jsonData =  JSON.parse(jsonData)
                    jsonData.people = jsonData.people.split(",")
                    jsonData = JSON.stringify(jsonData)
                    $.ajax({
                        type: "POST",
                        url: "/v1/task/add",
                        data: jsonData, //必须是字符串
                        dataType: "json",
                        headers: {"content-type": "application/json;charset=utf-8","auto":localStorage.getItem('token')}, //请求头类型
                        success: function (res) {
                            if (res.code == 200) {
                                layer.msg("增加成功", {
                                    icon: 6
                                })

                            }else if(res.code == 500){
                                localStorage.setItem('token',"null")
                                xadmin.father_reload()
                            } else {
                                layer.alert(res.msg, {icon: 5})
                            }
                        }
                    });

                });

            });
        </script>
    </body>

</html>